<template >
  <div class="Header" style="height: 50px; line-height :50px; border-bottom: 1px solid #ccc; display: flex">

    <!--    系统名称-->
    <div style="width: 200px; padding-left: 30px; font-weight: bold;  color: white">
      <H1 style="font-family: 华文行楷">研岸</H1>
    </div>  <!--左边-->

    <div style="flex: 1; text-align: center">
     <H2 style="font-family: 华文行楷">研岸后台管理系统</H2>
    </div>

  </div>
</template>

<script>
import {Edit,ArrowDown,Search,User,EditPen} from "@element-plus/icons-vue";

export default {
  components: {
    Edit,
    ArrowDown,
    Search,
    User,
    EditPen,
  },

  created() {
    this.load()
  },

  methods:{
    load(){
    },

  },

  data(){
    return{
    }
  },
}
</script>

<style>
.Header{
  background-color: black;
}
</style>
